<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <div>113113</div> -->
    <button onclick="copy()">复制</button>
    <script>
        // 剪切板
        // 原生实现一键复制  缺点是不支持Mac
        function copy() {
            const textarea = document.createElement('textarea');
            textarea.value = 13131313;
            document.body.appendChild(textarea);
            textarea.select();
            if (document.execCommand('copy'))
                document.execCommand('copy');
            document.body.removeChild(textarea);
            alert('ok')
        }
        //还可以使用 navigator.clipboard.writeText 写入剪切板数据 且不需要用户授权
        async function navCopy(){
            await navigator.clipboard.writeText('数据')
            alert('ok')
        }
        //navigator.clipboard.write 可以在剪切板中写入任何类型的数据 包括二进制数据
        async function navCopyEveryData(){
            const imgURL = 'http://...';
            const data = await fetch(imgURL);
            const blob = data.blob();
            await navigator.clipboard.write([
                new ClipboardItem({
                    [blob.type]:blob
                })
            ])
        }
    </script>
</body>

</html>